<style>
    form {
        width: 97%;
        margin: auto;
    }

    #step4_item1 {
        font-size: 14px;
        color: #484d57;
    }

    .left15 {
        padding-left: 15px;

    }

    #step4_item3 img {

        margin-right: 3px;
    }

    img {
        margin-right: 10px;
    }

    div.form {
        padding: 13px 10px;
        box-sizing: border-box;
        position: relative;
        text-align: left;
        margin-top: 7px;
        border-radius: 5px;
        background-color: #fff;
        border: #ededed 1px solid;
    }

    .title {
        padding: 11px 27px;
        margin: 0 -24px;
        height: 21px;
        font-size: 14px;
        color: #484d57;

    }

    .iOs #bottom_form .wrap {
        width: 300px;
    }

    #bottom_form .wrap {
        margin: auto;
        padding-top: 7px;
        width: 340px;
    }

    * {
        font-family: 'WenQuanYi Micro Hei Mono', 'Microsoft YaHei', sans-serif;
    }

    #bottom_form {
        height: 40px;
    }

    .submitbtn {
        position: absolute;
        right: 5px;
        bottom: 3px;
        padding-right: 10px;
    }

    .disp-price {
        padding-left: 5px;
        font-size: 16px;
        color: #000000;
    }

    #step4_item4 {
        padding-bottom: 70px;
    }

    /*--------------修改的 2015/3/20-----------------*/
    #step4_item3 div:not(.title) {
        margin-left: 43px
    }

    #step4_item3 .nav_button {
        margin-left: 0 !important;
    }

    .titleNew {
        font-size: 16px;
        font-family: "微软雅黑";
        color: #f6769e;
    }

    .step4 .nav_button.pointer {
        background: url(/imgs/jiant_03.png) no-repeat center right;
        background-size: 16px;
    }

    .avatar .lastImg {
        border-radius: 100%;
        -webkit-border-radius: 100%
    }

    #showEngineer {
        margin: 15px 0 10px 0;
    }

    .price-line {
        margin-top: 10px
    }

    .newMoney {
        color: #f6769e;
        font-size: 18px;
        float: right;
    }
</style>

<div class="container ng-scope">
    <form id="frmMain" method="post" class="ng-pristine ng-valid">
        <div id="steps" class="boxsd">
            <div class="wrap wrapTop">
                <div class="num_1">1</div>
                <div class="line_1"></div>
                <div class="num_1">2</div>
                <div class="line_1"></div>
                <div class="num_1">提交</div>
            </div>
        </div>
        <div class="form step4 boxsd" id="step4_item1">
            <div class="nav_button pointer nbd" onclick="show_discount_picker();">
                <img src="/imgs/icon_x_19_06.png" width="32">
                <span class="titleNew">优惠券：</span>
                <input type="hidden" name="discont" id="discont" value="">
                <span data-ng-if="ucoupon.length <= 0" class="text muted">没有可用优惠券</span>
                <span data-ng-if="ucoupon.length > 0" class="text muted">{{ucoupon[0].name}}</span>
            </div>
        </div>

        <div class="form step4 big-item paymentBalance boxsd" id="step4_item5">
            <div class="mt-check-title left15" onclick="">
                <img src="/imgs/icon_x_19_16.png" width="32">
                <span class="name titleNew">会员卡余额：</span>
                <span class="balance">0元</span>
            </div>
            <div class="infomation left15" style="font-size: 10px;color: gray;padding-left: 60px;">使用余额支付更实惠！</div>
        </div>

        <div style="height: 80px;" class="form step4 big-item paymentMethod boxsd" id="step4_item2 ">
            <div class="title titleNew">
                <img class=" left15" src="/imgs/icon_x_19_14.png" width="32">
                <div style="position: relative; left: 60px;top:-40px;">
                    <label>
                        <input type="radio" name="payWay" value="1" data-ng-model="payWay">
                    </label>&nbsp;现金支付<br/>
                    <label>
                        <input type="radio" name="payWay" value="2" data-ng-model="payWay">
                    </label>&nbsp;微信支付
                </div>
            </div>
        </div>

        <div class="form step4 boxsd" id="step4_item3">
            <div class="nav_button">
                <div class="title titleNew">
                    <img src="/imgs/icon_x_19_03.png" width="32">
                    个人信息
                </div>

                <div>
                    <span class="t">地址：</span>
                    <span id="addressShow" class="v ng-binding">{{addr.address}}</span>
                    <span id="addressDetailShow" class="v ng-binding"></span>
                </div>
                <div>
                    <span class="t">联系人：</span>
                    <span id="contactShow" class="v ng-binding">{{addr.contact}}</span>
                </div>
                <div>
                    <span class="t">电话：</span>
                    <span id="phoneShow" class="v ng-binding">{{addr.phone}}</span>
                </div>
                <div class="remark_contain">
                    <span class="t">备注：</span>
                    <span id="remarkShow" class="v ng-binding">{{addr.remark}}</span>
                </div>
            </div>
        </div>

        <div class="form step4 big-item boxsd" id="step4_item4">
            <div class="title titleNew">
                <img class=" left15" src="/imgs/icon_x_19_10.png" width="32">
                订单内容
            </div>
            <div id="showEngineer">
                <div class="avatar left15">
                    <div class="head-photo-circle">
                        <img src="/imgs/20120712090452048.jpg" width="75" height="75" class="lastImg">
                    </div>
                </div>
                <div class="content">
                    <div>
                        <span>项目：</span>
                        <input type="hidden" name="product" id="product" value="5491b86be4b0c4895219f2c1">
                        <span class="v ng-binding">{{order.items[0].item_name}}×{{order.items[0].num}}</span>
                    </div>
                    <div>
                        <span>店面：</span>
                        <input type="hidden" name="engineer" id="engineer" value="54f3e77ae4b077bf83895e28">
                        <span class="ename v ng-binding">{{order.tech_name}}</span>
                    </div>
                    <div>
                        <span>项目数量：</span>
                        <span class="v ng-binding">{{order.items[0].num}}</span>
                    </div>
                    <div>
                        <span>时间：</span>
                        <span class="startTime2 v ng-binding">{{order.date}} &nbsp;{{order.time}}</span>
                    </div>
                </div>
                <div class="clear"></div>
            </div>
            <div class="hr">
                <img src="/imgs/hr-edetail.png" height="2">
            </div>
            <div class="price-line left15">
                <label class="ng-binding">深层保湿舒活护理×1</label>
                <span class="text ng-binding newMoney">￥{{order.items[0].sumPrice|doubleStr}}</span>
            </div>
            <div class="price-line left15">
                <label class="ng-binding">优惠券</label>
                <span class="text ng-binding newMoney">-{{couponPrice}}</span>
            </div>
        </div>
        <div id="bottom_form_space" class="step4"></div>
        <div action="" method="get" id="bottom_form" class="step4">
            <div class="wrap">
                <div class="disp-price">
                    <label>合计：</label>
                    <span id="result_price" class="price ng-binding">￥{{cashPrice|doubleStr}} </span>
                </div>
                <div class="submitbtn">
                    <input class="submit" data-ng-click="nextStep()" type="submit" value="提交订单">
                </div>
            </div>
        </div>
    </form>
</div>